<!-- <div nz-row>
    <app-navbar></app-navbar>
</div>
<div nz-row>
    <div nz-col [nzSpan]="6">
        <div class="admin-sidebar">
            <app-sidebar></app-sidebar>
        </div>
    </div>
    <div nz-col [nzSpan]="18">
        <nz-root>
            <router-outlet></router-outlet>
        </nz-root>
    </div>
</div>
<nz-footer>
    <app-footer></app-footer>
</nz-footer> -->



<nz-layout class="layout">
    <!-- Header -->
    <nz-header>
        <app-navbar></app-navbar>
    </nz-header>

    <nz-layout>
        <!-- Side Bar -->
        <nz-sider>
            <app-sidebar></app-sidebar>
        </nz-sider>

        <nz-layout>
            <!-- <nz-header style="background: #fff; padding:0;"></nz-header> -->
            <!-- Main Content -->
            <nz-content class="main">
                <div class="main-content">
                    <nz-root>
                        <router-outlet></router-outlet>
                    </nz-root>
                </div>
            </nz-content>

            <!-- Footer -->
            <nz-footer>
                <app-footer></app-footer>
            </nz-footer>

        </nz-layout>

    </nz-layout>

</nz-layout>